import React from 'react';
import { Row, Col, Menu } from 'antd'
import Link from "next/link"
import '../public/style/components/Header.css'
const Header = () => ( 
    <div className="header">
        <Row justify="center" >
            <Col sm={24} md={14}>
                <span className="headertitle">Aska</span>
                <span className="headertext">前端切图仔</span>
            </Col>
            <Col xs={0} sm={0} md={6}>
                <Menu mode="horizontal">
                    <Menu.Item key="index">
                        <Link href="/"><a>首页</a></Link>

                    </Menu.Item>
                    <Menu.Item key="iter">
                        <Link href="/list"><a>列表</a></Link>
                    </Menu.Item>
                    <Menu.Item key="life">
                        <Link href="/detail"><a>文章</a></Link>
                    </Menu.Item>
                </Menu>
            </Col>
        </Row>
    </div>
)
export default Header